body{
    margin: 0;
    background-color: #fff;
}

*{  
    /*去除元素与元素之间的间距*/
    /*font-size: 0;
    -webkit-text-size-adjust: none;*/
    /*盒子的属性*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
div,section,ul,li,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p,table,thead,tbody,tfoot,tr,th,td,form{
    margin: 0;
    padding: 0;
}

/* 列表 */
ul,ol {
    list-style: none;
    font-size:inherit;
    color:inherit;
}

/*文字*/
span,b,i,em,del,strong,big,small,pre {
    margin:0;
    padding:0;
    border:0;
    font-style:normal;
    font-size:inherit;
    color:inherit;
}
/*链接*/
a {
    margin:0;
    padding:0;
    border:0;
    text-decoration: none;
    font-size:inherit;
    color:inherit;
    /*去掉a标签默认点击的时候会有个高亮的背景色：*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

/*常用命令的总结*/
.clear {
    clear: both;
}
.clearfix::after{
    content: '';
    display: block;
    overflow: hidden;
    clear:both;
    height:0;
    line-height: 0;
    font-size:0;
    padding: 0;
    margin: 0;
}

.bg-primary {
  color: #fff;
  background-color: #428bca;
}
.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
.bg-danger:hover {
  background-color: #e4b9b9;
}


.text-primary {
  color: #3071a9 !important;
}
.text-success {
  color: #2b542c !important;
}
.text-info {
  color: #245269 !important;
}
.text-warning {
  color: #66512c !important;
}
.text-danger {
  color: #843534 !important;
}